<template>
  <div class="no">
      <p class="p1">我的</p>
      <p class="p2">登录社区，体验更多功能</p>
      <p class="p3" @click="tologin">账号/邮箱/手机登录&gt;</p>
      <div class="tab-box">
        <div class="tab">
          <span style="font-weight: 700;font-size: 20px;">0</span>
          <span style="color: #6c757d;font-size: 15px;margin-top: 10px;">帖子</span>
        </div>
        <div class="tab">
          <span style="font-weight: 700;font-size: 20px;">0</span>
          <span style="color: #6c757d;font-size: 15px;margin-top: 10px;">动态</span>
        </div>
        <div class="tab">
          <span style="font-weight: 700;font-size: 20px;">0</span>
          <span style="color: #6c757d;font-size: 15px;margin-top: 10px;">评论</span>
        </div>
        <div class="tab">
          <span style="font-weight: 700;font-size: 20px;">0</span>
          <span style="color: #6c757d;font-size: 15px;margin-top: 10px;">粉丝</span>
        </div>
      </div>
      <div class="tab-gg">
        <img src="../assets/image/wd.jpg" alt="">
      </div>
      <div class="list-box">
        <div class="list">
          <i class="iconfont">&#xebcc;</i>
          <span style="font-size: 16px;margin-left: 10px;">浏览历史</span>
          <i class="iconfont" style="margin-left: 246px;color: rgb(187, 187, 187);">&#xe67c;</i>
        </div>
        <div class="list">
          <i class="iconfont">&#xe60f;</i>
          <span style="font-size: 16px; margin-left: 10px;">社区认证</span>
          <i class="iconfont" style="margin-left: 246px;color: rgb(187, 187, 187);">&#xe67c;</i>
        </div>
        <div class="list">
          <i class="iconfont">&#xe61d;</i>
          <span style="font-size: 16px;margin-left: 10px;">审核帖子</span>
          <i class="iconfont" style="margin-left: 246px;color: rgb(187, 187, 187);">&#xe67c;</i>
        </div>
      </div>
    </div>
</template>

<script>
export default {

}
</script>

<style>

</style>